<template>
	<!-- 页面内容--更新银行卡 页面 -->
	<view style="width: 100vw; min-height: 100vh;background-color: #1F2022; color: #fff;">
		<formheadVue headname="NeoLoan " :pagenum='5' :showback='true'></formheadVue>

		<view class="P-head">
			<p style="width: 100%;text-align: center;">{{$t('index.updatebankpageTitle')}}</p>
			<view class="P-1 ">
				<view class="flexcenter">
					<image src="/static/failedicon.png" mode=""></image>
					<p>Sorry</p>
				</view>
				<p class="tips flexcenter">{{$t('index.updatebank')}}</p>
				<view class="P-2 flexcenter">
					<p @click="fn1">{{$t('index.updatebankbtn')}}</p>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import setDot from '@/pages/utils/setdot.js';
	import formheadVue from '../../components/formhead.vue';
	export default {
		data() {
			return {
				voiceCountdown: 0,
				timer: null,
			}
		},
		components: {
			formheadVue
		},
		methods: {
			fn1() {
				console.log('更新银行卡');
				setDot('CLICK_UP_BANK_INF_SUBMIT')
				uni.navigateTo({
					url: `/pages/demo6/demo6?secondSubmitBank=${true}`,
					animationType: 'slide-in-right',
					animationDuration: 200
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.P-head {
		width: 100%;
		background-color: #1F2022;
		border-radius: 30rpx 30rpx 0rpx 0rpx;
		padding: 30rpx;
		box-sizing: border-box;
		margin-top: -110rpx;
		color: #DE8484;
	}

	.P-1 {
		width: 100%;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
		background-image: url('../../static/bg.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		height: fit-content;
		padding: 40rpx 60rpx;
		box-sizing: border-box;

		image {
			width: 50rpx;
			height: 50rpx;
			margin-right: 20rpx;
		}

		.tips {
			width: 100%;
			margin: 40rpx 0;
			font-size: 14px;
		}
	}


	.flexrowspacebetween {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.flexrowstart {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.flexcenter {
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
	}

	.P-2 {
		width: 100%;

		p {
			width: 100%;
			height: 100rpx;
			background-color: #FFF584;
			text-align: center;
			color: #000;
			line-height: 100rpx;
			border-radius: 20rpx;
			font-size: 40rpx;
			box-shadow: 0 6rpx 12rpx rgba(0, 0, 0, 0.2);
			transition: all 0.2s;

		}

		p:active {
			transform: scale(0.96);
			box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.2);
		}


	}
</style>